/* Forms element width */
input, select, textarea {
    font-size:1em;
    vertical-align:middle;
    font-weight:normal;
}

.width-100 {
    width: 100% !important;
}

.width-90 {
    width: 90% !important;
}

.width-80 {
    width: 80% !important;
}

.width-60 {
    width: 60% !important;
}

.width-50 {
    width: 50% !important;
}

.width-40 {
    width: 40% !important;
}

.width-30 {
    width: 30% !important;
}

.width-date {
    width: 90px !important;
}

/**
* Form Search
*/

form .bgTable
{
    padding:1px;
    /*	font-family : Tahoma,Calibri ;
    font-size : 14px ;
    font-weight: normal;*/

    width :100% ;
    border: 1px solid #d8d8d8;
    background: url("images/bg.png") repeat-x;
}
form .bgheader
{
    /*	font-family : Tahoma,Calibri ;
    font-size : 14px ;*/
    font-weight: normal;
    text-align: left;
    height : 40px;
    padding-left: 60px;
    background-image:url("images/icon_search.png");
    background-repeat:no-repeat;
    background-position:20px 10px;
}
form .bgheader h5
{
    margin-top: 13px;
}
form .bgtop{

    background-image:url("images/line.png");
    background-repeat:no-repeat;
    background-position:20px 1px;

}
form .bgCellInput {
    /*	font-family: tahoma;
    font-size: 13px;*/
    height: 30px;
    color : #535356;
    text-align : left;
    width : 30%;
    font-weight: bold;
    font-style: italic;
}
form .bgCellNormal {
    /*	font-family: tahoma;
    font-size: 13px;*/
    height: 30px;
    color : #535356;
    text-align : right;
    width : 20%;
    font-weight: bold;
    font-style: italic;
}

form .bgbutton {
    /*	font-family: tahoma;
    font-size: 13px;*/
    text-align: center;
    height: 50px;

}
/**
* End Form Search
*/

/**
* Form With Field Set
*/
/**********************************

Use: cmxform template
Author: Nick Rigby

***********************************/

form.form fieldset { margin-bottom: 10px; }

form.form legend {
    padding: 0 2px;
    font-weight: bold;
    _margin: 0 -7px; /* IE Win */
}

form.form label {
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}

form.form fieldset ol {
    max-width:960px;
    margin: 0;
    padding: 0;
}

form.form fieldset li {
    display: table;/*inline-block;*/
    width: 100%;
    list-style: none;
    padding: 5px;
    margin: 0;
}
form.form fieldset .ui-tabs-nav li {
    width: auto !important;
}
.tabForm {
    padding: 0 !important;
    padding-left: 10px !important;
}

form.form fieldset fieldset {
    /*border: none;*/
    margin: 3px 0 0;
}

form.form fieldset fieldset legend {
    padding: 0 0 5px;
    font-weight: normal;
}

form.form fieldset fieldset label {
    display: inline-block;
    width: auto;
}

form.form em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

form.form fieldset fieldset label { /*margin-left: 30%;*/ } /* Width plus 3 (html space) */

/*\*//*/ form.form legend { display: inline-block; } /* IE Mac legend fix */
/**********************************

Name: cmxform Styles
Author: Nick Rigby

***********************************/

form.form {
    width: 100%;
    font-size: 1em;
    color: #333;
}

form.form legend { padding-left: 0; }
form.form legend.search {
    padding-left: 35px;
    background-image:url("images/icon_search.png");
    background-repeat:no-repeat;
}
form.form legend.form {
    padding-left: 35px;
    background-image:url("images/icon_form.png");
    background-repeat:no-repeat;
}

form.form div.colTile {
    float: left;
    width: 15%;
    padding-left: 10px;
}
form.form div.colTitle {
    float: left;
    width: 15%;
    padding-left: 10px;
}
/* for fieldset fieldset */
form.form fieldset fieldset div.colTile { padding-left: 0px; }
form.form fieldset fieldset div.colTitle { padding-left: 0px; }
form.form fieldset fieldset { border-top: 0px; }
form.form fieldset.collapsed {
    height: 3px;
    padding: 10px;
}
form.form fieldset fieldset li {
    display: table;/*inline-block;*/
    width: 100%;
    list-style: none;
    margin: 0;
}

form.form div.colContent {
    float: left;
    width: 80%;
    overflow: visible;
    white-space: normal !important;
}
form.form li.column-2 div.colTile { width: 30%;  } /* Width of labels */
form.form li.column-2 div.colTitle { width: 30%;  } /* Width of labels */
form.form li.column-2 div.colContent { width: 65%; white-space: normal !important;  } /* Width of labels */
/*form.form div, form.form span {
padding-left: 10px;
}*/

form.form fieldset {
    border: none;
    background: url(./images/cmxform/cmxform-fieldset.png) left bottom repeat-x;
}
form.form fieldset legend {
    
}

form.form fieldset.withBorder {
    border: 1px solid #D1D1D1;
}

    

/* Add By Wud */
form.form fieldset.nostyle {
    background: none;
    border: none;
    /*padding-left: 10px;*/
}

form.form fieldset li {
    color: #333;
    padding: 5px 0px 7px;
    background: url(./images/cmxform/cmxform-divider.png) left bottom repeat-x;
}
.chzn-results li {
    background-image: none !important;
}

/* Add By Wud */
form.form fieldset.nostyle li {
    background: none;
}

form.form fieldset li.newline {
    clear: left;
}
form.form fieldset li.column-2 {
    width: 50%;
    float: left;
}
/**
* End Form With Field Set
*/

/**
* Collapse Field Set Style
*/
fieldset {
    border: none;
    border-top: 1px solid #ecb793;
}
legend.pageTitleForm {
    padding-left: 35px;
    background-image: url("images/icon_form.png");
    background-repeat: no-repeat;
}
legend.pageTitleSearch {
    padding-left: 35px;
    background-image: url("images/icon_search.png");
    background-repeat: no-repeat;
}

fieldset.collapsible {
    padding: 10px;
    border: 1px solid #D1D1D1;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    margin-bottom: 1em;
}
fieldset.collapsed {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    margin-bottom: 0;
    margin-left: 3px;
}

legend.collapsible {
    color: #25c2f7 !important;
    cursor: pointer;
}
legend[disabled].collapsible {
    color: silver !important;
    cursor: pointer;
}
legend.collapsed {
    color: #26B2D0 !important;
    cursor: pointer;
}
/**
* End Collapse Field Set Style
*/

/**
* Text Hint
*/
.blur {
    color: #CDCDCD;
    font-style: italic;
}
/**
* End Text Hint
*/


/**
* Dropdown
*/
select.standard {
    border: 1px solid silver;
    padding: 1px;
}
/**
* End Dropdown
*/

/**
* Toolbar
*/
#toolbar {
    /*padding: .5em 0px;
    margin: 0 5px 10px 10px;
    display: block;
    height: 42px;*/
    position: static;/*position: fixed;*/
    top: 228px; /*Same as Header*/
    left: 3%;
    z-index: 99;
}
#toolbar span.toolbar {
    padding: 5px 5px ;
    display: inline-block;
}
/**
* End Toolbar
*/

/**
* Dialog
*/
.noTitle .ui-dialog-titlebar {display:none}
.bgWhite {background: none !important; background-color: white !important;}
/**
* End Dialog
*/

/* Select full_width */
/* full_width : for span
width-100 : for div and selector*/
div.selector.full_width {
    width: 80px;
    font-size: 12px;
}

div.selector.full_width select {
    min-width: 80px;
    /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-size: 12px;
    border: solid 1px #fff;
}

div.selector.full_width span {
    padding: 0px 25px 0px 2px;
    cursor: pointer;
}

div.selector.full_width span {
    color: #666;
    /* width: 88%; 465*/
    /* @TODO : use repeat backgroud-x by width 90% */
    /*  background-repeat: repeat-x !important;*/
    text-shadow: 0 1px 0 #fff;
}

div.selector.full_width.disabled span {
    color: #bbb;
}

/* End Select full_width */


